<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>issueProduction_otherSetting</title>
	    <link href="css/mui.css" rel="stylesheet"/>
	    <link rel="stylesheet" href="css/mui.picker.css" />
	    <link rel="stylesheet" href="css/mui.poppicker.css" />
	    <link rel="stylesheet" href="iconfont/iconfont.css" />
	    <link rel="stylesheet" href="css/common.css" />
	    <link rel="stylesheet" href="css/issueProduction.css" />
	    <style>
	    	body{ background-color:#f5f5f5 }
	    </style>
	</head>
	<body>
		<header class='headerBox'>
			<div class='goBack mui-action-back'>
				<i class='inline_logo  icon iconfont icon-fanhui gobackIcon'></i>
			</div>
			<p class='title'>更多设置</p>
		</header>
		<section class='otherSetting_section'>
			<div class='addTip_box'>
				<div class='inputBox'>
					<input type="text" class='addTip' placeholder="填写标签名称"/>
					<button class='addTip_btn'>添加</button>
				</div>
				<div>
					<p class='product_tip_text'>
						作品标签
					</p>
					<ul class='product_tip_listBox'>
						<li class='product_tip_list'>
							<span class='product_tip_name'>手绘000</span>
							<i class='inline_logo product_tip_deleteLogo'></i>
						</li>
						<li class='product_tip_list'>
							<span class='product_tip_name'>手绘00</span>
							<i class='inline_logo product_tip_deleteLogo'></i>
						</li>
						<li class='product_tip_list'>
							<span class='product_tip_name'>手绘</span>
							<i class='inline_logo product_tip_deleteLogo'></i>
						</li>
						<li class='product_tip_list'>
							<span class='product_tip_name'>手绘000000</span>
							<i class='inline_logo product_tip_deleteLogo'></i>
						</li>
						<li class='product_tip_list'>
							<span class='product_tip_name'>手绘0000</span>
							<i class='inline_logo product_tip_deleteLogo'></i>
						</li>
						<li class='product_tip_list'>
							<span class='product_tip_name'>手</span>
							<i class='inline_logo product_tip_deleteLogo'></i>
						</li>
					</ul>
				</div>
			</div>
			<div class='empowerBox'>
				<span class='empower_text'>授权</span>
				<div id='empower_picker' class='empower_btn'>
					aaa
				</div>
			</div>
			<div class="reward_box">
				<span class='reward_text'>是否允许打赏</span>
				<div class="mui-switch mui-switch-mini" id='mySwitch'>
					<div class="mui-switch-handle"></div>
				</div>
			</div>
			<p id='issue'>发布</p>
		</section>
		
		<div id='empower_picker_modalBox'>
			<div id='empower_picker_modal'>
				<ul class='empower_picker_list'>
					<li>不限制作品用途</li>
					<li>禁止匿名转载;禁止商业使用;禁止个人使用。</li>
					<li>禁止匿名转载;禁止商业使用</li>
				</ul>
			</div>
		</div>
		
		<script src='js/mui.js'></script>
		<script src='js/mui.picker.js'></script>
		<script src='js/mui.poppicker.js'></script>
		<script src='js/pxtorem.js'></script>
		<script src="js/apptool.js"></script>
		<script>
			mui.init({
				swipeBack:true //启用右滑关闭功能
			});
//					var userPicker = new mui.PopPicker();
//					userPicker.setData([{
//						value: 'ywj',
//						text: '董事长 叶文洁'
//					}, {
//						value: 'aaa',
//						text: '总经理 艾AA'
//					}, {
//						value: 'lj',
//						text: '罗辑'
//					},{
//						value: 'gezh', 
//						text: '歌者'
//					}]);
//					var showUserPickerButton = document.getElementById('showUserPicker');
//					showUserPickerButton.addEventListener('tap', function(event) {
//						userPicker.show(function(items) {
//							console.log(2);
//							console.log( JSON.stringify(items[0]) )
//						});
////						alert('123')
//					}, false);
			document.getElementById('empower_picker_modal').addEventListener('tap',function(){
				document.getElementById('empower_picker_modal').classList.remove('active');
			})
			document.getElementById('empower_picker').addEventListener('tap',function(){
				document.getElementById('empower_picker_modal').classList.add('active');
			})
			mui('.empower_picker_list').on('tap','li',function(e){
				document.getElementById('empower_picker_modal').classList.remove('active');
				document.getElementById('empower_picker').innerHTML = this.innerHTML
			})

			document.getElementById('issue').addEventListener('tap',function(){
				var isActive = document.getElementById("mySwitch").classList.contains("mui-active");
				if(isActive){
					alert(1);
				  console.log("打开状态");
				}else{
					alert(2);
				  console.log("关闭状态");  
				}
			})
			
			mui.plusReady(function(e){
				mui('#issue')[0].addEventListener('tap',function(e){
					webtool.openPreView('issueSuccessed',function(wb){
						wb.show('slide-in-right',300);
					})
				})
			})
          
		</script>
	</body>
</html>
